import { PureComponent } from 'react';
import moment from 'moment';
import '@/assets/iconfont/iconfont';
import styles from './StaffInfoList.less';
import SelectDeptTree from '@/components/SelectDeptTree';
import { dicTextByCodePcode,dicListByPcode } from '@/utils/dictionary'
import {
    Row,
    Col,
    Form,
    Input,
    Select,
    Modal,
    DatePicker,
    Button,
    Upload,
    Cascader
} from 'antd';
const FormItem = Form.Item;
const { Option } = Select;
const formItemLayout = {
 	labelCol: { span: 10 },
   	wrapperCol: { span: 14 },
};

@Form.create()
class UpdateForm extends PureComponent {

	constructor(props) {
		super(props);
		//const staffAge = moment().format('YYYY') - moment(props.values.date_of_birth).format('YYYY');
    this.state = {
			formVals: {
        za0100: props.values.za0100,
        id: props.values.id,
        a0201_1: props.values.a0201_1,
        a0201_2: props.values.a0201_2,
        a0201_3: props.values.a0201_3,
        a0203: props.values.a0203,
        a0205: props.values.a0205,
        a0207: props.values.a0207,
        a0209: props.values.a0209,
        a0211: props.values.a0211,
        a0281: props.values.a0281,
        a0127: props.values.a0127,
        a0219: props.values.a0219,
        a0221: props.values.a0221,
        a0223: props.values.a0223,
        a0225: props.values.a0225,
        a0229: props.values.a0229,
        a0241_1: props.values.a0241_1,
        a0241_2: props.values.a0241_2,
        a0245: props.values.a0245,
        a0247: props.values.a0247,
        a0251: props.values.a0251,
        a0253: props.values.a0253,
        a0255: props.values.a0255,
        a0263_1: props.values.a0263_1,
        a0263_2: props.values.a0263_2,
        a0267: props.values.a0267,
        a0271: props.values.a0271,
        a0217: props.values.a0217,
        a0243: props.values.a0243,
        a0265: props.values.a0265,
        a0276: props.values.a0276,
        a0277: props.values.a0277,
        a0278: props.values.a0278,
        a0231: props.values.a0231,
        a0280: props.values.a0280,
        a0279: props.values.a0279
			},
			getDeptTreeBySelectTree: "",
		};

	}


	componentWillReceiveProps(nextProps) {
		// if(undefined != nextProps.values && nextProps.values !== this.props.values) {
		// 	const staffAge = moment().format('YYYY') - moment(nextProps.values.date_of_birth).format('YYYY');
		//     this.setState({
		//       formVals: nextProps.values,
		//       imageUrl: nextProps.values.photo_sign,
		//       photoNum: nextProps.values.photo_sign?1:0,
		//       ageNum: staffAge?staffAge:null
		//     });
		// }

	}

	selectedDeptTreeValue = (deptRecord) => {
		this.setState({
			getDeptTreeBySelectTree: deptRecord
		})
	}



 	birthChange = value => {
		this.setState({
			ageNum: moment().format('YYYY') - value.format('YYYY')

		})
	}

	handleLocalUpdate = (event) => {
		event.preventDefault();
		const { form,handleSubmitSubsetInfo } = this.props;
		const { formVals: oldValue,getDeptTreeBySelectTree } = this.state;
		form.validateFields((err, fieldsValue) => {
			if(err) return;
			form.resetFields();
			const formVals = {
				...oldValue,
				...fieldsValue
			};
			this.setState({
				formVals,
			});

			/* if(getDeptTreeBySelectTree) {
				formVals.dept_id = getDeptTreeBySelectTree.triggerNode.props.dataRef.dept_id;
				formVals.dept = getDeptTreeBySelectTree.triggerNode.props.dataRef.title;
			}

			if(formVals.post) {
				formVals.post_id = formVals.post.key;
				formVals.post_name = formVals.post.label;
			}*/

      // 处理时间
			if(formVals.a0253) {
      	formVals.a0253 = moment(formVals.a0253._d).format("YYYY-MM-DD");
      }
			if(formVals.a0243) {
      	formVals.a0243 = moment(formVals.a0243._d).format("YYYY-MM-DD");
      }
      if(formVals.a0265) {
      	formVals.a0265 = moment(formVals.a0265._d).format("YYYY-MM-DD");
      }
      if(formVals.a0279) {
      	formVals.a0279 = moment(formVals.a0279._d).format("YYYY-MM-DD");
      }
			// formVals.file = this.state.file;
			handleSubmitSubsetInfo(formVals,"update_for_staff_jobInfo");

		});
	};

  render() {
    const {
    	form: {getFieldDecorator},
    	falg,
      spinIndex,
    	cancelEditJobInfo,
    	cascaderList,
    	values,
    	selectDeptTree,
    	postForUser,
      requestModelName,
      dispatch
    } = this.props;
    const parentDeptTreeMethod = {
		dispatch: dispatch,
		selectDeptTree: selectDeptTree,
		selectedDeptTreeValue: this.selectedDeptTreeValue,
		requestModelName: requestModelName,
	}

    const { formVals,imageUrl,photoNum } = this.state;
    // 多选处理 TODO
    let newPlace = [];
    if(values.place_of_origin && values.place_of_origin != "null" ) {
    	const place = JSON.parse(values.place_of_origin);
    	newPlace = place.map((item,index) => item = item + '');
    }
	return (
		<div>
			{falg?(
				<Form  onSubmit={this.handleLocalUpdate}>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="职务名称代码">
			              {getFieldDecorator('a0215', {
			                rules: [{ required: false, message: '请选择'}],
			                initialValue: formVals.a0215,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                        {dicListByPcode('AE') != undefined?dicListByPcode('AE').map((item,index) => {
                          return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                        }):null}
                      </Select>
			              )}
			          </FormItem>
			        </Col>

              <Col md={12} sm={24}>
			          <FormItem  label="职务名称">
			              {getFieldDecorator('a0281', {
			              rules: [{ required: true, message: '请输入1-10个字符的姓名',max: 10}],
			              initialValue: formVals.a0281,
			              })(<Input placeholder="1-10个字符"/>)}
			          </FormItem>
			        </Col>



			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="职务类别">
			              {getFieldDecorator('a0219',{
			              	initialValue: formVals.a0219,
			              })(
			              	<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			              		{dicListByPcode('AE') != undefined?dicListByPcode('AE').map((item,index) => {
			              			return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			              		}):null}
			              	</Select>
			              )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职状态">
			              {getFieldDecorator('a0255', {
			              rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0255,
			              })(
                    <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    	{dicListByPcode('AE') != undefined?dicListByPcode('AE').map((item,index) => {
                    		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    	}):null}
                    </Select>
                    )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col md={12} sm={24}>
			          <FormItem  label="职务层次">
			              {getFieldDecorator('a0221', {
			              rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0221,
			              })(
			              	<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			              	  	{dicListByPcode('YT') != undefined?dicListByPcode('YT').map((item,index) => {
			              	  		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			              	  	}):null}
			              	  </Select>
			              )}
			          </FormItem>
			        </Col>

			        <Col md={12} sm={24}>
			          <FormItem  label="多职务主次序号">
			              {getFieldDecorator('a0223',{
			                rules: [{ required: false, message: '1-40个字符！'}],
                      initialValue: formVals.a0223,
			              })(
			              	<Input placeholder="1-40个字符" />
			              )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="连续任该职起始日期">
			              {getFieldDecorator('a0253', {
			              rules: [{ required: false, message: '请选择'}],
			               initialValue: formVals.a0253?moment(formVals.a0253):null,
			              	  })(
			              		<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>
			              		)}
			                </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="职务说明">
			              {getFieldDecorator('a0217', {
                    rules: [{ required: false, message: '请选择'}],
			              initialValue: formVals.a0217,
			              })(
                    <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                      	{dicListByPcode('YT') != undefined?dicListByPcode('YT').map((item,index) => {
                      		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                      	}):null}
                      </Select>
                    )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="批准机关名称">
			              {getFieldDecorator('a0241_1', {
			              rules: [{ required: false, message: '1-40个字符' }],
			              initialValue: formVals.a0241_1,
                    })(<Input placeholder="1-40个字符" />)}
			          </FormItem>
			        </Col>

			       	<Col md={12} sm={24}>
			       	  <FormItem  label="批准机关代码">
			       	      {getFieldDecorator('a0241_2', {
			       	      rules: [{ required: false, message: '1-40个字符' }],
			       	      initialValue: formVals.a0241_2,
			       	      })(<Input placeholder="1-40个字符" />)}
			       	  </FormItem>
			       	</Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			    	<Col md={12} sm={24}>
			    	  <FormItem  label="批准文号">
			    	      {getFieldDecorator('a0245', {
			    	        rules: [{ required: false, message: '1-40个字符'}],
                    initialValue: formVals.a0245,
			    	        })(
			    	        <Input placeholder="1-40个字符" />
			    	      )}
			    	  </FormItem>
			    	</Col>

            <Col md={12} sm={24}>
              <FormItem  label="任职日期">
                  {getFieldDecorator('a0243', {
                    rules: [{ required: false, message: '请选择'}],
                     initialValue: formVals.a0243?moment(formVals.a0243):null,
                    	  })(
                    		<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>
                    		)}
                      </FormItem>
            </Col>
			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="任职变动类别">
			              {getFieldDecorator('a0251', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0251,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('XX') != undefined?dicListByPcode('XX').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职方式">
			              {getFieldDecorator('a0247', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0247,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="是否班子成员">
			              {getFieldDecorator('a0277', {
			              rules: [{ required: false, message: '请选择'}],
                    initialValue: formVals.a0277,
			              })(
			                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                	{dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
			                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                	}):null}
			                </Select>
			              )}
			          </FormItem>
			        </Col>
					<Col md={12} sm={24}>
			          <FormItem  label="班子成员类别">
			              {getFieldDecorator('a0278', {
			                rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0278,
			                })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
			                  	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
			                  		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
			                  	}):null}
			                  </Select>)}
			          </FormItem>
			        </Col>

			    </Row>

				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="是否破格提拔">
			              {getFieldDecorator('a0276', {
			            rules: [{ required: false, message: '请选择'}],
                  initialValue: formVals.a0276,
			            })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                    		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    	}):null}
                    </Select>
                  )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="分管工作">
			              {getFieldDecorator('a0229', {
			                rules: [{ required: false, message: '1-13个字符'}],
                      initialValue: formVals.a0229,
			              })(<Input placeholder="1-13个字符"/>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			       	  <FormItem  label="岗位类别">
			       	      {getFieldDecorator('a0231', {
			       	        rules: [{ required: false, message: '请选择'}],
                      initialValue: formVals.a0231,
			       	      })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
			       	  </FormItem>
			       	</Col>
			        <Col md={12} sm={24}>
			            <FormItem  label="集体内排列顺序">
			                {getFieldDecorator('a0225', {
			                  rules: [{ required: false, message: '1-13个字符'}],
                        initialValue: formVals.a0225,
			                })(<Input placeholder="1-13个字符"/>)}
			            </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col  md={12} sm={24}>
			            <FormItem  label="股级任职时间">

			                {getFieldDecorator('a0279', {
			                  rules: [{ required: false, message: '请选择'}],
                        initialValue: formVals.a0279?moment(formVals.a0279):null,
			                })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
			            </FormItem>
			        </Col>

					<Col md={12} sm={24}>
				        <FormItem  label="任职机构名称">
				            {getFieldDecorator('a0201_1', {
				              rules: [{ required: false, message: '1-13个字符'}],
                        initialValue: formVals.a0201_1,
				            })(<Input placeholder="1-13个字符"/>)}
				        </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构代码">
			              {getFieldDecorator('a0201_2', {
			                rules: [{ required: false, message: '请选择'}],
                        initialValue: formVals.a0201_2,
			              })(
                    <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                      	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                      		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                      	}):null}
                      </Select>
                    )}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构所在政区">
			              {getFieldDecorator('a0203', {
			                rules: [{ required: false, message: '1-13个字符'}],
                        initialValue: formVals.a0203,
			              })(
                    <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                      	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                      		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                      	}):null}
                      </Select>
                    )}
			          </FormItem>
			        </Col>

			    </Row>

          <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                <Col md={12} sm={24}>
                  <FormItem  label="任职机构隶属关系">
                      {getFieldDecorator('a0205', {
                        rules: [{ required: false, message: '1-13个字符'}],
                          initialValue: formVals.a0205,
                      })(
                      <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                        	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                        		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                        	}):null}
                        </Select>
                      )}
                  </FormItem>
                </Col>
                <Col md={12} sm={24}>
                  <FormItem  label="任职机构名称类别">
                      {getFieldDecorator('a0201_3', {
                        rules: [{ required: false, message: '1-13个字符'}],
                          initialValue: formVals.a0201_3,
                      })(
                      <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                        	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                        		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                        	}):null}
                        </Select>
                      )}
                  </FormItem>
                </Col>

            </Row>

            <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                  <Col md={12} sm={24}>
                    <FormItem  label="任职机构性质类别">
                        {getFieldDecorator('a0209', {
                          rules: [{ required: false, message: '1-13个字符'}],
                            initialValue: formVals.a0209,
                        })(
                        <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                          	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                          		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                          	}):null}
                          </Select>
                        )}
                    </FormItem>
                  </Col>
                  <Col md={12} sm={24}>
                    <FormItem  label="任职机构所属行业">
                        {getFieldDecorator('a0211', {
                          rules: [{ required: false, message: '1-13个字符'}],
                            initialValue: formVals.a0211,
                        })(

                        <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                          	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                          		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                          	}):null}
                          </Select>
                          )}
                    </FormItem>
                  </Col>

              </Row>

              <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                    <Col md={12} sm={24}>
                      <FormItem  label="任职机构级别">
                          {getFieldDecorator('a0207', {
                            rules: [{ required: false, message: '1-13个字符'}],
                              initialValue: formVals.a0207,
                          })(
                          <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                          	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                          		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                          	}):null}
                          </Select>

                          )}
                      </FormItem>
                    </Col>
                    <Col md={12} sm={24}>
                      <FormItem  label="批准免职机关名称">
                          {getFieldDecorator('a0263_1', {
                            rules: [{ required: false, message: '1-13个字符'}],
                              initialValue: formVals.a0263_1,
                          })(<Input placeholder="1-13个字符"/>)}
                      </FormItem>
                    </Col>

                </Row>


                <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                      <Col md={12} sm={24}>
                        <FormItem  label="批准免职机关代码">
                            {getFieldDecorator('a0263_2', {
                              rules: [{ required: false, message: '1-13个字符'}],
                                initialValue: formVals.a0263_2,
                            })(<Input placeholder="1-13个字符"/>)}
                        </FormItem>
                      </Col>
                      <Col md={12} sm={24}>
                        <FormItem  label="批准免职文号">
                            {getFieldDecorator('a0267', {
                              rules: [{ required: false, message: '1-13个字符'}],
                                initialValue: formVals.a0267,
                            })(<Input placeholder="1-13个字符"/>)}
                        </FormItem>
                      </Col>

                  </Row>

                  <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                        <Col md={12} sm={24}>
                          <FormItem  label="免职原因类别">
                              {getFieldDecorator('a0271', {
                                rules: [{ required: false, message: '1-13个字符'}],
                                  initialValue: formVals.a0271,
                              })(
                              <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                                	{dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                                		return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                                	}):null}
                                </Select>
                              )}
                          </FormItem>
                        </Col>
                        <Col md={12} sm={24}>
                          <FormItem  label="股级">
                              {getFieldDecorator('a0280', {
                                rules: [{ required: false, message: '1-13个字符'}],
                                  initialValue: formVals.a0280,
                              })(<Input placeholder="1-13个字符"/>)}
                          </FormItem>
                        </Col>

                    </Row>


                    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

                          <Col md={12} sm={24}>
                            <FormItem  label="批准免职日期">
                                {getFieldDecorator('a0265', {
                                  rules: [{ required: false, message: '1-13个字符'}],
                                   initialValue: formVals.a0265?moment(formVals.a0265):null,
                                  	  })(
                                  		<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>
                                  		)}
                                    </FormItem>
                          </Col>

                      </Row>



			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
			    	<Col md={12} sm={24}>
			            <Button
			            	size="large"
			            	style={{marginRight: '10px'}}
			            	onClick={()=> {
			            		const { form } = this.props;
  								form.resetFields();
			            		cancelEditJobInfo(spinIndex);
			            	}}>
			            	取消
			           	</Button>
			            <Button size="large" type="primary" htmlType="submit">保存</Button>
			        </Col>
			    </Row>

			  </Form>
			):(
			<Form  {...formItemLayout}>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="职务名称代码">
			              {getFieldDecorator('a0215')(<span>{formVals.a0215}</span>)}
			          </FormItem>
			        </Col>

					<Col md={12} sm={24}>
			          <FormItem  label="职务名称">
			              {getFieldDecorator('a0281')(<span>{formVals.a0281}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="职务类别">
			              {getFieldDecorator('a0219')(<span>
			              	{(() => {
			              		return dicTextByCodePcode(formVals.a0219, 'AX');
				              	}
			             )()}
			            </span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职状态">
			              {getFieldDecorator('a0255')(<span>{formVals.a0255}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

					<Col md={12} sm={24}>
			          <FormItem  label="职务层次">
			              {getFieldDecorator('a0221')(<span>{formVals.a0221}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="多职务主次序号">
			              {getFieldDecorator('a0223')(<span>{formVals.a0223}
			              	</span>)}
			          </FormItem>
			        </Col>


			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="连续任该职起始日期">
			              {getFieldDecorator('a0253')(<span>{formVals.a0253?moment(formVals.a0253).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="职务说明">
			              {getFieldDecorator('a0217')(<span>{formVals.a0217}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="批准机关名称">
			              {getFieldDecorator('a0241_1')(<span>{formVals.a0241_1}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="批准机关代码">
			              {getFieldDecorator('a0241_2')(<span>{formVals.a0241_2}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			    	<Col  md={12} sm={24}>
				        <FormItem  label="批准文号">
				            {getFieldDecorator('a0245')(<span>{formVals.a0245}</span>)}
				        </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职日期">
			              {getFieldDecorator('a0243')(<span>{formVals.a0243?moment(formVals.a0243).format('YYYY-MM-DD'):null}
			              </span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="任职变动类别">
			              {getFieldDecorator('a0251')(<span>{formVals.a0251}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职方式">
			              {getFieldDecorator('a0247')(<span>{formVals.a0247}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="是否班子成员">
			              {getFieldDecorator('a0277')(<span>{formVals.a0277}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="班子成员类别">
			              {getFieldDecorator('a0278')(<span>{formVals.a0278}</span>)}
			          </FormItem>
			        </Col>

			    </Row>

				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="是否破格提拔">
			              {getFieldDecorator('a0276')(<span>{formVals.a0276}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="分管工作">
			              {getFieldDecorator('a0229')(<span>{formVals.a0229}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			          <FormItem  label="岗位类别">
			              {getFieldDecorator('a0231')(<span>{formVals.a0231}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="集体内排列顺序">
			              {getFieldDecorator('a0225')(<span>{formVals.a0225}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
			    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			       	<Col md={12} sm={24}>
			          <FormItem  label="股级任职时间">
			              {getFieldDecorator('a0279')(<span>{formVals.a0279?moment(formVals.a0279).format('YYYY-MM-DD'):null}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构名称">
                    {getFieldDecorator('a0201_1')(<span>{formVals.a0201_1}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构代码">
			              {getFieldDecorator('a0201_2')(<span>{formVals.a0201_2}</span>)}
			          </FormItem>
			        </Col>
			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构所在政区">
			              {getFieldDecorator('a0203')(<span>{formVals.a0203}</span>)}
			          </FormItem>
			        </Col>

			    </Row>
				<Row gutter={{ md: 8, lg: 24, xl: 48 }}>


			        <Col md={12} sm={24}>
			          <FormItem  label="任职机构隶属关系">
			              {getFieldDecorator('a0205')(<span>{formVals.a0205}</span>)}
			          </FormItem>
			        </Col>

              <Col md={12} sm={24}>
                <FormItem  label="任职机构名称类别">
                    {getFieldDecorator('a0201_3')(<span>{formVals.a0201_3}</span>)}
                </FormItem>
              </Col>


			    </Row>

          <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


                <Col md={12} sm={24}>
                  <FormItem  label="任职机构性质类别">
                      {getFieldDecorator('a0209')(<span>{formVals.a0209}</span>)}
                  </FormItem>
                </Col>

                <Col md={12} sm={24}>
                  <FormItem  label="任职机构所属行业">
                      {getFieldDecorator('a0211')(<span>{formVals.a0211}</span>)}
                  </FormItem>
                </Col>


            </Row>

            <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


                  <Col md={12} sm={24}>
                    <FormItem  label="任职机构级别">
                        {getFieldDecorator('a0207')(<span>{formVals.a0207}</span>)}
                    </FormItem>
                  </Col>

                  <Col md={12} sm={24}>
                    <FormItem  label="批准免职机关名称">
                        {getFieldDecorator('a0263_1')(<span>{formVals.a0263_1}</span>)}
                    </FormItem>
                  </Col>


              </Row>

              <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


                    <Col md={12} sm={24}>
                      <FormItem  label="批准免职机关代码">
                          {getFieldDecorator('a0263_2')(<span>{formVals.a0263_2}</span>)}
                      </FormItem>
                    </Col>

                    <Col md={12} sm={24}>
                      <FormItem  label="批准免职文号">
                          {getFieldDecorator('a0267')(<span>{formVals.a0267}</span>)}
                      </FormItem>
                    </Col>


                </Row>

                <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


                      <Col md={12} sm={24}>
                        <FormItem  label="免职原因类别">
                            {getFieldDecorator('a0271')(<span>{formVals.a0271}</span>)}
                        </FormItem>
                      </Col>

                      <Col md={12} sm={24}>
                        <FormItem  label="股级">
                            {getFieldDecorator('a0280')(<span>{formVals.a0280}</span>)}
                        </FormItem>
                      </Col>


                  </Row>

                  <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


                        <Col md={12} sm={24}>
                          <FormItem  label="批准免职日期">
                              {getFieldDecorator('a0265')(<span>{formVals.a0265?moment(formVals.a0265).format('YYYY-MM-DD'):null}</span>)}
                          </FormItem>
                        </Col>



                    </Row>



			  </Form>
			)}
		</div>


	);
  }

}

export default UpdateForm;
